
<ion-header>
    <ion-toolbar>
      <ion-buttons slot="start">
          <ion-icon name="arrow-back" (click)="dismiss()" mode="ios"></ion-icon>
      </ion-buttons>
      <ion-title>Perimeter</ion-title>
      <ion-buttons slot="end">
          <ion-text color="dark" (click)="clean()">
            <h6>Clear</h6>
          </ion-text>
      </ion-buttons>
    </ion-toolbar>
  </ion-header>
  
  <ion-content>
    <div class="bagBox">
      <ul>
        <li>
          <div class="content-li">
              <ion-text color="primary">
                  <h6>CCEP SECURITY PRODUCTION SLTE STANDARDS</h6>
                </ion-text>
                <p>Number of entrances to the perimeter kept to minimum.</p>
          </div>
          <div>
              <ion-text color="primary">
                  <h6>CCEP SECURITY PRODUCTION SLTE STANDARDS</h6>
                </ion-text>
                <p>Number of entrances to the perimeter kept to minimum.</p>
          </div>
          <!-- <ion-text color="primary">
              <h3>CCEP SECURITY PRODUCTION SLTE STANDARDS</h3>
              <p>Number of entrances to the perimeter kept to minimum.</p>
            </ion-text>
            <ion-text color="primary">
                <h3>CONTENTS</h3>
                <ion-textarea></ion-textarea>
            </ion-text>
            <ion-text color="primary">
                <h3>SCORE</h3>
                <ion-radio-group name="auto">
                    <ion-list-header>Auto Manufacturers</ion-list-header>
                    <ion-item>
                      <ion-label>1</ion-label>
                      <ion-radio value="tesla"></ion-radio>
                    </ion-item>
                    <ion-item>
                      <ion-label>2</ion-label>
                      <ion-radio value="ford"></ion-radio>
                    </ion-item>
                  </ion-radio-group>
            </ion-text> -->
          </li>
        </ul>
    </div>
  </ion-content>